@import 'variable';


.mmm_header{
  text-align: center;
  background-color: #F4483E;
  position: relative;
 .back{
   display: block;
   float:left;
   width: 60rem/@base;
   height: 60rem/@base;
   font-size:60rem/@base;
   color:#fff;
 }
 h2{
   position: absolute;
   top:50%;
   left:50%;
   transform:translate(-50%,-50%);
   font-size:38rem/@base;
   color:#fff;
  }
 }

 .mmm_title{
   font-size:26rem/@base;
   height: 65rem/@base;
   line-height: 65rem/@base;
   color:#A4A496;
   text-align: center;
   background-color: #fff;
 }

 .mmm_items{
   background-color: #fff;
   .item{
     height: 294rem/@base;
     padding:20rem/@base 33rem/@base 0 20rem/@base;
     position: relative;
     border-bottom:1px solid #ccc;
   }
   img{
     width: 202rem/@base;
     height: 162rem/@base;
     float:left;
     margin-right:19rem/@base;
   }
   .right{
     overflow: hidden;
     h3{
       line-height:42rem/@base;
       font-size:26rem/@base;
       color: #3A364F;
       font-weight:400;
     }
     .price{
       font-size:26rem/@base;
       font-weight:700;
     }
     .time{
       font-size:24rem/@base;
       color:#F1850E;
       position: absolute;
       bottom:32rem/@base;
     }
     
   }
 }


 .mmm_modal{
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.6);
  //  z-index:100;
   position:fixed;
   top:0;
   left:0;
   display:none;


      //  轮播图
     .box{
      width: 300rem/@base;
      height: 240rem/@base;
      margin: 330rem/@base auto;
      position: relative;
      .prev,
      .next{
         position: absolute;
         width: 50rem/@base;
         height: 70rem/@base;
         background-color: #F4483E;
         top:50%;
         margin-top:-35rem/@base;
         border-radius:5rem/@base;
       }
       .prev{
         left:-55rem/@base;
       }
       .next{
         right:-55rem/@base;
       }
      .swiper-button-prev,
      .swiper-button-next{
        background:#242424;
        span{
          outline: none;
          color:#ccc;
          font-size:90rem/@base;
          -webkit-text-stroke: 4rem/@base #242424;
          &.fa.fa-angle-left {
            position: relative;
            top: -11rem/@base;
            left: 6rem/@base;
          }
          &.fa.fa-angle-right {
            position: relative;
            top: -11rem/@base;
            left: 10rem/@base;
          }
        }
      } 
    }

    // 关闭功能
    .off{
      width: 20rem/@base;
      height: 20rem/@base;
      line-height: 20rem/@base;
      background-color: red;
      position: absolute;
      top:-20rem/@base;
      left:280rem/@base;
      background-color: gray;
    }

 }


 *{
  outline: none;
 }





 